﻿@charset "utf-8";

/* CSS Document */

/*=================== Getting the new tags to behave START ====================== */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}

mark, rp, rt, ruby, summary, time {	
	display: inline
}

/* ==================== Getting the new tags to behave END ======================= */

/* ========================= Global properties START ============================= */
* {
	 margin:0; padding:0;
}

html, body {
	height:100%;	
}

html {	
	/*	
	min-width:990px;
	scrollbar-base-color: #9999cc;
	scrollbar-arrow-color: white;
	scrollbar-track-color: #ccccff;
	scrollbar-shadow-color: black;
	scrollbar-lightshadow-color: black;
	scrollbar-darkshadow-color: gray;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;			
	*/
}

body {
	background:url(../images/background.png) #e0eefb top left repeat;	
	font-family: 'Arial';
	font-size:12px;	
	color:#333333;
	align:center;
}

/* Form */

/* =========================== clear fix ======================================================= */

.clear_both {
	clear:both;
	}
				
.clearfix:after, .section:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;	
	}	

/* ========================= Global properties END =============================== */

/* ========================= Global LOGIN ============================== */
.wrapper_login { 
	height:100%;   
    width:100%;	
	min-width:780px;
	margin:0 auto;	
	align:center;
	
	background:url(../images/bgpage.jpg) no-repeat fixed 50% 50%;
}
	
.main_login {	
	position: absolute;
    top: 50%;
    left: 50%;
    width: 980px;
    height: 370px;
    margin-left: -490px;
    margin-top: -185px;	
	background:url(../images/img_page.png) no-repeat top center;
}	

.row_login {		
	width:980px;	
	height:370px;
	margin:0 auto;	
	position:relative;
	background:url(../images/img_page.png) no-repeat top center;
}

.logo_login {
	position:absolute;
	float:left;
	width:182px;
	height:64px;
	top:-120px;
	left:399px;
	margin:0px 0px 0 0;	
	}	
.name_login {
	position:absolute;
	float:left;
	width:555px;
	height:76px;
	top:-80px;
	left:212px;
	margin:0px 0px 0 0;			
	}	
 
.box_login {
	right:300px;
	top:0px;
	position:absolute;		
	width:360px;
	height:370px;
	margin:0 auto;
	background:url(../images/box_login.png) no-repeat;
	}
	
.form_login {
	clear:both;
	margin:25px 15px 0px 15px;
	padding:0px 0px 0px 0px;
	width:300px; 	
}
.title_login {	
	color: #ffffff;
	font:bold 22px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:10px 5px 10px 5px;
	text-align:left;	
	}
	
.text_form_login {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding:4px 5px 4px 5px;
	text-align:right;
}
.text_form_login_2 {
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding:4px 5px 4px 5px;
	text-align:left;
}
.input_login {
	color:#000000;
	font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	background:#ffffff;
	border-top: #bcbfc0 1px solid;
	border-left: #bcbfc0 1px solid; 
	border-right: #e3e9ef 1px solid;	
	border-bottom: #e3e9ef 1px solid;
	BORDER-COLLAPSE: collapse    border=1;
	-moz-box-sizing: border-box;   
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
    margin: 2px 0px 2px 0px;
    padding: 2px 0px 2px 0px !important;
	width:100%;  
}
.input_select_login {	
	color:#666666;	
	height:20px;	
    font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	border-right: #46b5fd 1px solid !important;
	border-top: #46b5fd 1px solid !important; 
	border-left: #46b5fd 1px solid !important; 
	border-bottom: #46b5fd 1px solid !important; 
	BORDER-COLLAPSE: collapse    border=1
}
.btn_login {	
     font:bold 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	 color:#ffffff;cursor:pointer;
	 background:url(../images/btn_login.png);
	 padding:0px 22px 3px 5px;
	 text-align:center;
	 cursor: hand; width:94px; height:28px; 
	 border:0;
}
.text_note_login {	
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding:4px 5px 4px 5px;
	text-align:left;
}
.text_fail_login {			
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #ff0000;
	padding:10px 5px 10px 5px;
	text-align:left;
}
/* ========================= Global LOGIN END ============================== */


/* =================PAGES MAIN PAGE ================================= */
.wrapper_pages {
	width:100%;	
	min-width:780px;
	margin:0 auto;	
	align:center;
	position:relative;
	background:url(../images/background.png) top repeat;	
	height:100%;	
}	
.mainpages {	
	margin:0px 0px 0px 0px;	
    position: relative;	  
	align:center;	
	text-align:center;
	height:100%;
}
.row_banner {
	width:100%;	
	height:100px;
	margin:0 auto;	
	position:relative;
	background:url(../images/bg_banner.png) top left repeat-x;	
	
	}
.cell_logo {	    
	width:130px;		
	position:relative;	
	background:url(../images/cell_logo.png) top left no-repeat; 	
}
.cell_rightbanner {
	min-width:588px;    
	background:url(../images/cell_rightbanner.png) top right no-repeat; 
	position:relative;	
}
.logo_banner{	
	width:110px;
	height:76px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 20px;
	}
	
.name_system{	
	width:555px;
	height:76px;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;		
	}
.link_system {	
	float:right;
	position:absolute;
	right:20px;
	top:10px;
	height:32px;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;		
	}	
.
 { /* none needed */ }

ul.nav_list {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
		/*border: 1px solid #0c2c52;*/
}

ul.nav_list li {
        float: left;
        font:normal 12px Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #0c2e55;
        border-top: 1px solid #114075;
        border-bottom: 1px solid #114075;
}

.nav_list a, .nav_list a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #ffffff;
        border-right: 1px solid #144d90;
        text-decoration: underline;
}

ul.nav_list li#active {
        color: #95bbae;
        background-color: #0c2e55;
}

.nav_list a:hover {
        color: #93d3ff;
        background-color: #12437b;
}

.link_user {	
	float:right;
	position:absolute;
	right:20px;
	top:64px;
	height:32px;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;		
	}
.links_top ul {
	float:right;	
	list-style:none; 	
	padding: 5px 10px 0px 10px;	
	}

.links_top li {	
	list-style-image:none;
	padding: 8px 3px 3px 3px;
	text-indent:0px;	
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	display:inline;
	
}
.links_top li a{
	width:auto;
	text-decoration:none;	
	color: #ffffff;
	font:normal 12px Arial, Helvetica, sans-serif;
	}
	
.links_top li a:hover{
	text-decoration:underline;	
	color:#ffffff;
	}
.links_top li span{		
	color: #ffffff;
	font:bold 16px Arial, Helvetica, sans-serif;
	padding:0px 10px 0px 5px;
	}

/* ========Menu Pages =============*/
.row_menupages { 
	width:100%;	
	background:url(../images/bg_menu.png) top left repeat-x;
	/*ackground-color:#363636;*/
	height:46px;
	margin:0 auto;
	position:relative;	
	text-align:left;
}

/* ======== End Menu Pages =============*/


/*========Pages =================*/
.row_program {
	width:100%;	
	min-height:30px;
	margin:0 auto;	
	position:relative;
	background:#ffffff;		
	border-bottom:1px solid #a6d3ff;
	}
	
.row_mainpages {	
	margin: 0 auto;	
    position: relative;	
    width:100%;
	align:center;	
	text-align:center;		
	padding:0px 0px 0px 0px;	
}
.widthpages {
	margin:10px 20px 20px 20px;	
    position: relative;	  
	align:center;	
	text-align:left;
	text-align:center;	
	height:100%;	
}
.colleft_236 {
	float:left;	
	width:236px;
	margin:0px 0px 0px 0px;	
}
.colright_auto {
	float:left;	
	width:100%;
	margin:0px 0px 0px 0px;	
}

.widthpage_content {			
	margin:0px 0px 0px 14px;
	min-height:100px;	
}	
/* Accordion */
.row_contentview {
	width:100%;		 
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;      
    min-height:38px;
	text-align:left;			
}
.row_contentview .box-content{
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dfca9f;*/
	min-height:50px;
	float:left;
	margin-bottom:12px;
	width:99.99%;
	}
	
.row_contentview .box-content .container{
	clear:both;
	padding:0px 0px 0px 0px; 
	margin:10px 0px 10px 0px;
	float:left;	
	width:100%
	}
	
.row_contentview .box-content .title{ height:30px;
	border-bottom: 1px solid #dfca9f;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #fffbda; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffbda 0%, #e6d29d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbda), color-stop(100%,#e6d29d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fffbda 0%,#e6d29d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fffbda 0%,#e6d29d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fffbda 0%,#e6d29d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fffbda 0%,#e6d29d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbda', endColorstr='#e6d29d',GradientType=0 ); /* IE6-9 */
}	

.row_contentview .box-content .title h1{
	font:bold 13px/27px Arial, Helvetica, sans-serif;
	padding:3px 13px;
	text-transform:uppercase;
	color:#000000;
	position:relative}
.row_contentview .box-content .title .drop-icon{
	position:relative;
	left:736px;
	bottom:27px;
	width:19px;
	height:19px;
	background:url(../images/sprites-icon.png) right -131px no-repeat;
	cursor:pointer
	}

/* end Accordion */	


.rowtitle_view {
	width:100%;		 
        padding:0px;
        margin: 0px 0px 5px 0px;
		border-bottom:1px solid #a6d3ff;        
        min-height:28px;	
		position:relative;
}
	
.texttitle_view {		
	font:bold 16px Arial,Helvetica, sans-serif;
	color:#003366;
	padding:5px 0px 5px 0px;		
	text-align:left;
	vertical-align:middle;
	text-transform:none;	
	margin:0px 0px 0px 0px;
	min-width:100px;	
	}	
		
.texttitle_view a {
	color:#000000;
	text-decoration:none;
	border-bottom:2px solid #0587db;
	top:4px;
	position:relative;	
	cursor:pointer;	
}

.texttitle_view a:hover {
	color:#000000;
	text-decoration:none;
	cursor:pointer;
	
}

.texttitle_view img {
	padding:0px 5px 3px 5px
}
.texttitle_view span {
	color:#3c9300;
	text-decoration:none;
	font:normal 12px Arial,Helvetica, sans-serif;
}

.icon_arrowview {
		width:15px;
		height:7px	;	 
        padding:0px;
        margin: 0px 0px 0px 0px;        
        left:20px;
		bottom:-1px;
		position:absolute;
		background: url(../images/icon_arrowtitle.png) no-repeat left bottom;  
}

.row_tabcontrol {	
	clear:both;
	padding: 0px 0px 0px 0px;	
	font:normal 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	width:100%;
	text-align:right;
	margin:10px 0px 10px 0px;		
}

/*========= tab control ========== */
.tabs_control {
      float:left;
      margin:0px 0px 0px 0px;
      /*background:#F4F4F4;*/
      font-size:93%;
      line-height:normal;	  
      }
.tabs_control ul {
        margin:0;
         padding:0px 0px 0 0px;
        list-style:none;
      }
.tabs_control li {
      display:inline;
      margin:0;
      padding:0;
      }
.tabs_control a {
      float:left;
      background:url(../images/tabcontrol_left.png) no-repeat left top;
      margin:0px 3px 0px 0px;
       padding:0 0 0 12px;
      text-decoration:none;
	  font:bold 12px Arial,Helvetica, sans-serif;
	  
      }
.tabs_control a span {
      float:left;
      display:block;
      background:url(../images/tabcontrol_right.png) no-repeat right top;
     padding:7px 25px 6px 6px;
      color:#ffffff;
	  font:bold 12px Arial,Helvetica, sans-serif;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs_control a span {float:none;}
    /* End IE5-Mac hack */
.tabs_control a:hover span {
      color:#ffffff;
				font:bold 12px Arial,Helvetica, sans-serif;
      }
.tabs_control a:hover {
      background-position:0% -42px;
	  color:#ffffff;
      }
.tabs_control a:hover span {
      background-position:100% -42px;
	  color:#ffffff;
      }

.tabs_control .current_control a {
                background-position:0% -42px;
				color:#000000;
        }
.tabs_control .current_control a span {
                background-position:100% -42px;
				color:#000000;
				
        }


/*  het tab control */

.content_porletform {
	float:left;	
	width:99.9%;
	margin:10px 0px 10px 0px;	
	min-height:100px;
	border-bottom-left-radius :6px;
	-moz-border-radius-bottomleft :6px;
	-webkit-border-bottom-left-radius:6px;	
	
	border-bottom-right-radius :6px; 
	-moz-border- radius-bottomright:6px ;
	-webkit-border-bottom-right-radius:6px ;
	
	border-top-right-radius :6px; 
	-moz-border- radius-topright:6px ;
	-webkit-border-top-right-radius:6px ;
	
	border-top-left-radius :6px; 
	-moz-border- radius-topleft:6px ;
	-webkit-border-top-left-radius:6px ;
	
 	border: 1px solid #a6d3ff ;    
	padding:0px 0px 0px 0px;		
	background:#ffffff;
}

.tip_form {/*edit*/
   
    border-bottom: 1px solid #a6d3ff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    float: left;
    margin: 0 0 5px;
    min-height: 25px;
    /*position: relative;*/
    width: 100%;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb; 
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
	background-color:#bddbfa;	
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.tip_form h2 {
    color: #ffffff;
    float: left;
    font: bold 16px Arial,Helvetica,sans-serif;
    padding: 4px 0 4px 10px;
}

.box_contentform {
    float: left;
    margin: 10px 1.5% 10px 1.5%;
    padding: 0px 0px 0px 0px;
	width:97%;
}
.note_require {
	font:normal 12px Arial, Helvetica, sans-serif;
	text-transform:none;
	color: #007dcf;
	text-align:left;
	padding:5px 0px 5px 0px;
	}
.note_require span{
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #f81212;
	text-align:left;
	}
.text_label {	
	color:#333333;
	height:24px;
	padding:0 0px;
	line-height:28px;
	margin:0px 0px 0px 0px;
	padding:3px 10px 3px 10px;	
	font:normal 12px Arial, Helvetica, sans-serif;	
	text-align:right;
}
.text_label.cm-required:after {
	 color: #ff0000;
    content: "*";
    font-size: 130%;
    line-height: 1px;
    padding-right: 3px;
}
.text_inputright {		
	color: #007dcf;		
	font:normal 12px Arial, Helvetica, sans-serif;	
	padding:0 0px;
	line-height:28px;
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 0px;	
	text-align:left;			
}
.text_inputright span {		
	color: #333333;		
	font:normal 12px Arial, Helvetica, sans-serif;	
	padding:0 0px;
	line-height:28px;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;	
	text-align:left;			
}

.input_form {
		color:#333333;
		font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
		background:#ffffff;
		border-top: #B9C0C7  1px solid;
		border-left: #B9C0C7  1px solid; 
		border-right: #DEDEDE 1px solid;	
		border-bottom: #DEDEDE 1px solid;
		BORDER-COLLAPSE: collapse    border=1;
		 -moz-box-sizing: border-box;   
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
	   margin: 2px 0px 2px 0px;
		padding: 2px 0px 2px 0px;
		width:100%;
	}
.input_form_auto {
		color:#333333;
		font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
		background:#ffffff;
		border-top: #B9C0C7  1px solid;
		border-left: #B9C0C7  1px solid; 
		border-right: #DEDEDE 1px solid;	
		border-bottom: #DEDEDE 1px solid;
		BORDER-COLLAPSE: collapse    border=1;
		 -moz-box-sizing: border-box;   
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
	   margin: 2px 0px 2px 0px;
		padding: 2px 0px 2px 0px;	
}	
.input_form_disable
	{
		color:#333333;
		font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
		background:#f0f0f0;
		border-top: #b9c0c7 1px solid;
		border-left: #b9c0c7 1px solid; 
		border-right: #f4f5f7 1px solid;	
		border-bottom: #f4f5f7 1px solid;
		BORDER-COLLAPSE: collapse    border=1;
		 -moz-box-sizing: border-box;   
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset ;
		 margin: 2px 0px 2px 0px;
		padding: 2px 0px 2px 0px;
		width:100%;	
		}
.input_form_auto_disable
	{
		color:#333333;
		font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
		background:#f0f0f0;
		border-top: #b9c0c7 1px solid;
		border-left: #b9c0c7 1px solid; 
		border-right: #f4f5f7 1px solid;	
		border-bottom: #f4f5f7 1px solid;
		BORDER-COLLAPSE: collapse    border=1;
		 -moz-box-sizing: border-box;   
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset ;
		 margin: 2px 0px 2px 0px;
		padding: 2px 0px 2px 0px ;		
		}
.input_select {
		color:#333333;
		font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
		background:#ffffff;
		border-top: #B9C0C7  1px solid;
		border-left: #B9C0C7  1px solid; 
		border-right: #DEDEDE 1px solid;	
		border-bottom: #DEDEDE 1px solid;
		BORDER-COLLAPSE: collapse    border=1;
		 -moz-box-sizing: border-box;   
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
	   margin: 2px 0px 2px 0px;
		padding: 2px 0px 2px 0px;
		width:100%;
		height:22px;
	}
	.input_select_auto {
		color:#333333;
		font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
		background:#ffffff;
		border-top: #B9C0C7  1px solid;
		border-left: #B9C0C7  1px solid; 
		border-right: #DEDEDE 1px solid;	
		border-bottom: #DEDEDE 1px solid;
		BORDER-COLLAPSE: collapse    border=1;
		 -moz-box-sizing: border-box;   
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
	   margin: 2px 0px 2px 0px;
		padding: 2px 0px 2px 0px;
		
	}
.input_form_area {	
		color:#333333;
		font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
		background:#ffffff;
		border-top: #B9C0C7  1px solid;
		border-left: #B9C0C7  1px solid; 
		border-right: #DEDEDE 1px solid;	
		border-bottom: #DEDEDE 1px solid;
		BORDER-COLLAPSE: collapse    border=1;
		 -moz-box-sizing: border-box;   
		border-radius: 2px 2px 2px 2px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
	    margin: 2px 0px 2px 0px;
		padding: 2px 0px 2px 0px;
		width:100%;	  
	}
						
.blue_button {
		font:bold 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration: inherit;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;		
		border: 1px solid #026acc;
		padding: 4px 10px;
		text-shadow: 1px 1px 0px #5E5E5E;
		-webkit-box-shadow: inset 1px 1px 0px 0px #BEE2F9;
		-moz-box-shadow: inset 1px 1px 0px 0px #BEE2F9;
		box-shadow: inset 1px 1px 0px 0px #1cbbe9;
		cursor: pointer;    
		display: inline-block;
		background-color:#007dcf;
		background: -webkit-linear-gradient(90deg, #1ca4e0 5%, #007dcf 100%);
		background: -moz-linear-gradient(90deg, #1ca4e0 5%, #007dcf 100%);
		background: -ms-linear-gradient(90deg, #1ca4e0 5%, #007dcf 100%);
		background: linear-gradient(180deg, #1ca4e0 5%, #007dcf 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ca4e0",endColorstr="#007dcf");
	}	
	.blue_button:hover {
		border:1px solid #128cd6;
		background-color:#1695da;
		background: -webkit-linear-gradient(90deg, #1695da 5%, #26bbea 100%);
		background: -moz-linear-gradient(90deg, #1695da 5%, #26bbea 100%);
		background: -ms-linear-gradient(90deg, #1695da 5%, #26bbea 100%);
		background: linear-gradient(180deg, #1695da 5%, #26bbea 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1695da",endColorstr="#26bbea");
	}	
	.blue_button:active {
		position:relative;
		top: 1px;
	}
	
.row_btn_left {	
		margin:10px 0px 0px 0px;	
		width:100%;	
		text-align:left;
	}
.row_btn_right {
		margin:10px 0px 0px 0px;	
		width:100%;	S
		text-align:right;
	}
.row_btn_center {
		clear:both;		
		margin:10px 0px 10px 0px;	
		width:100%;	
		text-align:center;
		font:normal 12px Arial,Tahoma;
}
	
	
.box_scroll_grid { 
    float: left;    
    margin:0px 0px 10px 0px;
   /* overflow-x: auto;*/ss
    padding:0px 0px 0px 0px;    
	width:100%;   
}

table.tablegrid {
	/*float:left;
	 width:100%;*/
	/*border:1px solid #e2edf9;*/
    border-collapse:collapse;
	/* position: relative;*/
	 }
	 
table.tablegrid tr td {
	 padding:5px 5px 5px 5px;
	 font:normal 12px Arial,Helvetica, sans-serif;	 
	 color: #202020;	 
	 border:1px solid #bedae8 !important;	  
}


table.tablegrid tr.even:hover td {
    background:#FFF1CC !important;
    cursor: pointer;
}


table.tablegrid tr.odd:hover td {
    background:#FFF1CC !important;
    cursor: pointer;
}

table.tablegrid tr.row_head td { 
	 background:url(../images/bg_head.png) repeat-x bottom left;	
	 color:#002857;
	 font:bold 12px Arial,Helvetica, sans-serif;
	 text-decoration:none;
	 padding:5px 5px 5px 5px ;
	 border-bottom:1px solid #a6d3ff !important;	 
}

table.tablegrid tr.row_head th { 
  background:url(../images/bg_head.gif) repeat-x scroll 50% 50%; 
  color:#002857;
  font:bold 12px Arial,Helvetica, sans-serif;
  text-decoration:none;
  padding:5px 5px 5px 5px ;
  border:1px solid #0077ca !important;  
}

table.tablegrid tr.title_paging td {
	 background:#cbebf6;
	 color:#202020;
	 font:normal 12px Arial,Helvetica, sans-serif;
}

table.tablegrid tr.odd td {
	 background:#ffffff;
	 color:#303030;
	 font:normal 12px Arial,Helvetica, sans-serif;
}

table.tablegrid tr.even td {
	 background:#f2f2f2;
	 color:#303030;
	 font:normal 12px Arial,Helvetica, sans-serif;
}

table.tablegrid tr.active td {
	 background:#fff1cc;
	 color:#303030;
	 font:normal 12px Arial,Helvetica, sans-serif;
}

table.tablegrid tr.row_head td a { 
 color:#000000;
 font:bold 12px Arial,Helvetica, sans-serif;
 text-decoration:none;
}
table.tablegrid tr.row_head td a:hover { 
 color:#000000;
  font:bold 12px Arial,Helvetica, sans-serif;
  text-decoration:none;
}

table.tablegrid tr.row_head th a { 
 color:#000000;
  font:bold 12px Arial,Helvetica, sans-serif;
  text-decoration:none;
}

table.tablegrid tr.row_head th a:hover { 
 color:#000000;
  font:bold 12px Arial,Helvetica, sans-serif;
  text-decoration:none;
}

table.tablegrid tr.odd td.linkto {	  
	  color:#007dcf;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablegrid tr.odd td.linkto a {	
	color: #007dcf;	
	text-decoration:none;
}
table.tablegrid tr.odd td.linkto a:hover{	
	color: #ff0000;	
	text-decoration:underline;
}	

table.tablegrid tr.even td.linkto {	  
	  color:#007dcf;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablegrid tr.even td.linkto a{	
	color: #007dcf;	
	text-decoration:none;
}

table.tablegrid tr.even td.linkto a:hover{	
	color: #ff0000;	
	text-decoration:underline;
}

table.tablegrid tr.active td.linkto {	  
	  color:#007dcf;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablegrid tr.active td.linkto a {	
	color: #007dcf;	
	text-decoration:none;
}
table.tablegrid tr.active td.linkto a:hover{	
	color: #ff0000;	
	text-decoration:underline;
}	


table.tablegrid tr.odd td.linkfunction {	  
	  color:#ff0000;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
	  
table.tablegrid tr.odd td.linkfunction a {	
	color: #ff0000;	
	text-decoration:none;
}

table.tablegrid tr.odd td.linkfunction a:hover{	
	color: #ff0000;	
	text-decoration:underline;
}	
table.tablegrid tr.active td.linkfunction {	  
	  color:#ff0000;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablegrid tr.active td.linkfunction a{	
	color: #ff0000;	
	text-decoration:none;
}
table.tablegrid tr.active td.linkfunction a:hover{	
	color: #ff0000;	
	text-decoration:underline;
}

table.tablegrid tr.even td.linkfunction {	  
	  color:#ff0000;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablegrid tr.even td.linkfunction a{	
	color: #ff0000;	
	text-decoration:none;
}
table.tablegrid tr.even td.linkfunction a:hover{	
	color: #ff0000;	
	text-decoration:underline;
}

.sumlist_l {
	float:left;
	font:normal 12px Arial,Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-transform:none;
	padding:3px 0px 3px 0px;	
	text-align:left;
	vertical-align:middle
	}	
	
.sumlist_l span {
	font:bold 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#0066dd;	
	}
	
.sumlist_r {
	float:right;
	font:normal 12px Arial,Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-transform:none;
	padding:3px 0px 3px 0px;	
	text-align:right;
	vertical-align:middle
	}	
	
.sumlist_r span {
	font:bold 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#0066dd;	
	}			
/* Paging */

.paper{
	float:right;	
	margin:0px 0px 5px 10px;
	padding:5px 0px 5px 0px;
	color:#039;
	font:normal 12px Arial,Helvetica, sans-serif;
	text-align:right
	}
		
.paper .total-page {
	margin-right:10px;
	color:#555;
	font-size:12px
	}
	
.paper a {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdfdfd), color-stop(1, #eeeeee) );
	background:-moz-linear-gradient( center top, #fdfdfd 5%, #eeeeee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#eeeeee');
	background-color:#eee;
	margin-right:3px;
	padding:3px 7px;	
	color:#333;	
	-moz-transition: all 0.3s ease-out 0s;
	border:1px solid #a6c8ec;
	border-radius:2px;	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer;
	text-decoration:none;
	box-shadow:0 1px 1px #ccc;
	-moz-box-shadow:0 1px 1px #ccc;
	-webkit-box-shadow:0 1px 1px #ccc;
	font:normal 12px Arial,Helvetica, sans-serif;	
	}
	
.paper a.active,.paper a.active:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007dcf), color-stop(1, #0c98d9) );
	background:-moz-linear-gradient( center top, #007dcf 5%, #0c98d9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dcf', endColorstr='#0c98d9');
	background-color:#0c98d9;color:#fff;
	font-weight:bold;
	border:1px solid #007dcf;
	}
	
.paper a:hover{
	color:#603600;
	border:1px solid #0467c0
	}
	
.paper-comment{
	width:100%;
	margin-top:10px
	}
	
.paper-msg{
	width:750px
	}
	
.paper-order{
	float:right;
	margin:7px -5px 7px
	}
.paper-shop{
	width:710px
	}
/*   het div pages */

.reminder ul {
	list-style-type: none; 	
	padding: 0px 0px 0px 5px;
	margin:0px 10px 0px 10px;}

.reminder li {	
	list-style-image:none;
	background-image:url(../images/arrow_list.png);
	background-repeat: no-repeat;
	vertical-align:middle;
	background-position: 3px 8px;
	padding: 5px 5px 3px 18px;
	text-indent:0px;
	margin: 0 0 0px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #217de4;
	text-align:left;
}

.reminder li a{
	width:auto;
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #217de4;
	}

.reminder li a:hover{
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#ff0000;
	}
.reminder li a.active{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;	
}
.reminder span{
	font:normal 11px Arial,Tahoma, Helvetica, sans-serif;
	color: #606060;
	}
		
/* End Pages ===================*/



































































	
/* =================MAIN PAGE END =================================*/




/* =================FOOTER PAGE =================================*/

.footerpages {
	clear:both;
	margin:0px 0px 0px 0px;	
	align:center;
	position:relative;
	z-index:6;
	width:100%;
	min-height:46px;	
	border-top:1px solid #aad9f3;
		
	}	
	
.inner_footer {	
	width:100%;
	margin:0 auto;	
	align:center;
	margin:0px 0px 0px 0px;	
	min-height:45px;
	border-top:1px solid #f3faff;	
}

.text_footer {	
	font:normal 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#656565;
	text-transform:none;	
	text-align:right;
	padding:10px 10px 10px 20px;	
	}
	
.text_footer span{	
	font:bold 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#007dcf;	
}


/* =================FOOTER PAGE END =================================*/